const url = ""

$(function () {

  // layui 的模块
  const { layer, form } = layui;

  $('#link_reg').click(() => {
    $('.login-box').hide();
    $('.regist-box').show();
  });

  $('#link_login').click(() => {
    $('.regist-box').hide();
    $('.login-box').show();
  });

  // 密码验证
  form.verify({
    password: [
      /^[\S]{6,12}$/,
      '密码必须6到12位，且不能出现空格'
    ],
    repwd: function (value, item) {
      if (value !== $('#pwd').val()) {
        return "两次密码不一致";
      }
    }
  });

  // 监听注册表单提交
  form.on('submit(user-reg)', function (data) {
    const { username, password } = data.field;
    $.post(`${url}/api/reguser`, { username, password }, (result) => {
      const { status, message } = result;
      if (status === 0) {
        layer.msg('注册成功，请登录');
        // 模拟点击行为
        $('#link_login').click();
      } else {
        layer.msg(message);
      }
    })
    return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
  });

  // 监听登陆表单提交
  form.on('submit(user-login)', data => {
    const { username, password } = data.field;
    $.post(`${url}/api/login`, { username, password }, (result) => {
      const { status, message, token } = result;
      if (status === 0) {
        localStorage.setItem('token', token);
        window.location.href = '/index.html';
      }
      return layer.msg(message);
    })
    return false;
  })
})